<template>
  <div id="search-song-Lists">
    <content-list :content-list="albumDatas"></content-list>
  </div>
</template>

<script>
  import ContentList from '../ContentList'
  import {getSongListOfLikeTitle} from '../../api/index';
  import {mixin} from "../../mixins";
  export default {
    name: 'SearchSongLists',
    mixins:[mixin],
    components:{
      ContentList
    },
    data(){
      return{
        albumDatas: []
      }
    },
    mounted(){
      this.getSearchList()
    },
    methods:{
      getSearchList(){
        if(!this.$route.query.keywords){
          this.notify('您输入的内容为空','warning')
        }else{
          getSongListOfLikeTitle(this.$route.query.keywords)
            .then(res =>{
              if(res){
                this.albumDatas = res
              }else{
                this.notify('暂无该歌曲内容','warning')
              }
            })
        }
      }
    }
  }
</script>

<style scoped lang="scss">
  @import "../../assets/css/search-song-Lists.scss";
</style>
